<template>
  <div class="drag-container">
    <h3>{{ title }}</h3>
    <p>{{ content }}</p>
  </div>
</template>
<script>
export default {
  name: "DraggableDialog",
  props: ['title', 'content'],
}
</script>

<style scoped>
.drag-container {
  position: absolute; /* 设置为绝对定位 */
  top: 50%; /* 居中显示 */
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 200px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 20px;
}
</style>